<!DOCTYPE html>
<html lang="en" style="font-size: 10px">
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>汇才电商-我的</title>
		<script data-main="../src/apps/myroom.js" src="../src/require.js"></script>
		<script src="../src/config.js"></script>
		<link rel="stylesheet" href="./css/myroom.css">
	</head>
	<body>
		<div class="container-fluid">
			<!-- 界面头部 -->
			<header class="top-banner">
				<div class="container user-information">
					<div class="user-face">
						<div class="picture"></div>
					</div>
					<div class="user-msg">
						<i class="setup"></i>
						<i class="message"></i>
						<div class="tagline">
							<p class="line1">千库君</p>
							<p class="line2">购物狂欢！扎进购物的世界！</p>
						</div>
					</div>
				</div>
				<div class="container card-information">
					<p class="card-title"><i></i>千库超级会员</p>
					<p class="card-line">每月5次88折，享多种会员特权</p>
					<button type="button" class="card-buy">立享88折></button>
				</div>
			</header>
			<!-- 基本功能栏 -->
			<div class="container function-bar">
				<ul>
					<li>
						<img src="https://img.imgdb.cn/item/60371ed55f4313ce25a16dbb.png" alt="">
						<p>待付款</p>
					</li>
					<li>
						<img src="https://img.imgdb.cn/item/60371ed55f4313ce25a16dab.png" alt="">
						<p>待发货</p>
					</li>
					<li>
						<img src="https://img.imgdb.cn/item/60371ed55f4313ce25a16df3.png" alt="">
						<p>待收货</p>
					</li>
					<li>
						<img src="https://img.imgdb.cn/item/60371ed55f4313ce25a16dd8.png" alt="">
						<p>待评价</p>
					</li>
					<li>
						<img src="https://img.imgdb.cn/item/60371ed55f4313ce25a16e08.png" alt="">
						<p>退款/售后</p>
					</li>
				</ul>
			</div>
			<!-- 分区列表 -->
			<div class="container area-list">
				<ul>
					<li>
						<img src="https://img.imgdb.cn/item/60376c865f4313ce251b902a.png" alt="">
						<p>签到赚钱</p>
						<i></i>
					</li>
					<li>
						<img src="https://img.imgdb.cn/item/60376c865f4313ce251b902c.png" alt="">
						<p>邀请好友</p>
						<i></i>
					</li>
					<li>
						<img src="https://img.imgdb.cn/item/60376c865f4313ce251b9030.png" alt="">
						<p>领券中心</p>
						<i></i>
					</li>
					<li>
						<img src="https://img.imgdb.cn/item/60376c865f4313ce251b9027.png" alt="">
						<p>分享有礼</p>
						<i></i>
					</li>
				</ul>
			</div>
			<!-- 猜你喜欢 -->
			<div class="container guess-love">
				<div class="love-title">
					<div class="title-contain">
						<img src="https://img.imgdb.cn/item/603772ac5f4313ce25210f8c.png" alt="">
						<p>猜你喜欢</p>
					</div>
				</div>
				<div class="love-list">
					<ul id="move05">
					    <li class="active">精选推荐</li>
					    <li>海鲜大咖</li>
					    <li>吃货专享</li>
					    <li>美食盛宴</li>
					    <li>时尚收集</li>
					    <li>甜点饮料</li>
					</ul>
				</div>
				<div class="love-space">
					<div class="love-item">
						<img src="https://img.imgdb.cn/item/6035cc315f4313ce25abeaf1.png" alt="">
						<div class="item-information">
							<p class="item-title">超级无敌的吸水毛巾可以洗头洗澡洗脸浴巾吸水无敌强</p>
							<p class="item-price">¥ 0</p>
							<i>券</i>
							<p class="look-similar">看相似</p>
						</div>
					</div>
					<div class="love-item">
						<img src="https://img.imgdb.cn/item/6035cc315f4313ce25abeaf1.png" alt="">
						<div class="item-information">
							<p class="item-title">超级无敌的吸水毛巾可以洗头洗澡洗脸浴巾吸水无敌强</p>
							<p class="item-price">¥ 0</p>
							<i>券</i>
							<p class="look-similar">看相似</p>
						</div>
					</div>
					<div class="love-item">
						<img src="https://img.imgdb.cn/item/6035cc315f4313ce25abeaf1.png" alt="">
						<div class="item-information">
							<p class="item-title">超级无敌的吸水毛巾可以洗头洗澡洗脸浴巾吸水无敌强</p>
							<p class="item-price">¥ 0</p>
							<i>券</i>
							<p class="look-similar">看相似</p>
						</div>
					</div>
					<div class="love-item">
						<img src="https://img.imgdb.cn/item/6035cc315f4313ce25abeaf1.png" alt="">
						<div class="item-information">
							<p class="item-title">超级无敌的吸水毛巾可以洗头洗澡洗脸浴巾吸水无敌强</p>
							<p class="item-price">¥ 0</p>
							<i>券</i>
							<p class="look-similar">看相似</p>
						</div>
					</div>
				</div>
			</div>
			<!-- 底部导航 -->
			<footer class="container-fluid tabbar">
			
			    <ul class="container-fluid">
			        <li>
			            <a href="index.html">
			                <i></i>
			                <span>首页</span>
			            </a>
			        </li>
			        <li>
			            <a href="">
			                <i></i>
			                <span>分类</span>
			            </a>
			        </li>
			        <li>
			            <a href="">
			                <i></i>
			                <span>发现</span>
			            </a>
			        </li>
			        <li class="active">
			            <a href="">
			                <i></i>
			                <span>我的</span>
			            </a>
			        </li>
			    </ul>
			</footer>
		</div>
	</body>
</html>
